﻿<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">

<title>个人中心</title>

<link href="../AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet"
	type="text/css">
<link href="../AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet"
	type="text/css">
<link href="../css/personal.css" rel="stylesheet" type="text/css">
<link href="../css/vipstyle.css" rel="stylesheet" type="text/css">
<script src="../AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
<script src="../AmazeUI-2.4.2/assets/js/amazeui.js"></script>
</head>

<body>
	<!--头 -->
	<header> <article>
	<div class="mt-logo">
		<!--顶部导航条 -->
		<div class="am-container header">
			<ul class="message-l">
				<div class="topMessage">
					<div class="menu-hd">
						<a href="#" target="_top" class="h">亲，请登录</a> <a href="#"
							target="_top">免费注册</a>
					</div>
				</div>
			</ul>
			<ul class="message-r">
				<div class="topMessage home">
					<div class="menu-hd">
						<a href="#" target="_top" class="h">商城首页</a>
					</div>
				</div>
				<div class="topMessage my-shangcheng">
					<div class="menu-hd MyShangcheng">
						<a href="#" target="_top"><i class="am-icon-user am-icon-fw"></i>个人中心</a>
					</div>
				</div>
				<div class="topMessage mini-cart">
					<div class="menu-hd">
						<a id="mc-menu-hd" href="#" target="_top"><i
							class="am-icon-shopping-cart  am-icon-fw"></i><span>购物车</span><strong
							id="J_MiniCartNum" class="h">0</strong></a>
					</div>
				</div>
				<div class="topMessage favorite">
					<div class="menu-hd">
						<a href="#" target="_top"><i class="am-icon-heart am-icon-fw"></i><span>收藏夹</span></a>
					</div>
			</ul>
		</div>

		<!--悬浮搜索框-->

		<div class="nav white">
			<div class="logoBig">
				<li><img src="../images/logobig.png" /></li>
			</div>

			<div class="search-bar pr">
				<a name="index_none_header_sysc" href="#"></a>
				<form>
					<input id="searchInput" name="index_none_header_sysc" type="text"
						placeholder="搜索" autocomplete="off"> <input
						id="ai-topsearch" class="submit am-btn" value="搜索" index="1"
						type="submit">
				</form>
			</div>
		</div>

		<div class="clear"></div>
	</div>
	</div>
	</article> </header>
	<div class="nav-table">
		<div class="long-title">
			<span class="all-goods">全部分类</span>
		</div>
		<div class="nav-cont">
			<ul>
				<li class="index"><a href="#">首页</a></li>
				<li class="qc"><a href="#">闪购</a></li>
				<li class="qc"><a href="#">限时抢</a></li>
				<li class="qc"><a href="#">团购</a></li>
				<li class="qc last"><a href="#">大包装</a></li>
			</ul>
			<div class="nav-extra">
				<i class="am-icon-user-secret am-icon-md nav-user"></i><b></b>我的福利 <i
					class="am-icon-angle-right" style="padding-left: 10px;"></i>
			</div>
		</div>
	</div>
	<b class="line"></b>
	<div class="center">
		<div class="col-main">
			<div class="main-wrap">
				<div class="wrap-left">
					<div class="wrap-list">
						<div class="m-user">
							<!--个人信息 -->

							<div class="m-userinfo">
								<a href="news.html">
									<div class="tipsBox">
										<i class="am-icon-envelope"></i>
									</div>
								</a>
								<div class="m-baseinfo">
									<a class="m-pic" href="information.html"> <img
										src="../images/getAvatar.do.jpg">
									</a>
									<div class="m-info">
										<em class="s-name">小叮当</em>
										<div class="vip1">
											<a href="#"><span></span><em>会员专享</em></a>
										</div>
										<div class="safeText">
											<a href="safety.html">账户安全:<em style="margin-left: 20px;">60</em>分
											</a>
											<div class="progressBar">
												<span style="left: -95px;" class="progress"></span>
											</div>
										</div>
										<div class="m-address">
											<a href="address.html" class="i-trigger">收货地址<i
												class="am-icon-angle-right" style="padding-left: 5px;"></i></a>
										</div>
									</div>
								</div>
								<div class="m-right">
									<div class="m-new">
										<a href="news.html"><i class="am-icon-dropbox  am-icon-md"
											style="padding-right: 5px;"></i>消息盒子</a>
									</div>

								</div>
							</div>

							<!--个人资产-->
							<div class="m-userproperty">
								<div class="s-bar">
									<i class="s-icon"></i>个人资产
								</div>
								<p class="m-coupon">
									<a href="coupon.html"> <em class="m-num">2</em> <span
										class="m-title">优惠券</span>
									</a>
								</p>
								<p class="m-wallet">
									<a href="wallet.html"> <em class="m-num">0.00</em> <span
										class="m-title">账户余额</span>
									</a>
								</p>
								<p class="m-bill">
									<a href="pointnew.html"> <em class="m-num">10</em> <span
										class="m-title">总积分</span>
									</a>
								</p>
							</div>

							<!--我的钱包-->
							<div class="wallet">
								<div class="s-bar">
									<i class="s-icon"></i>商城钱包
								</div>
								<p class="m-big squareS">
									<a href="#"> <i><img src="../images/shopping.png" /></i> <span
										class="m-title">能购物</span>
									</a>
								</p>
								<p class="m-big squareA">
									<a href="#"> <i><img src="../images/safe.png" /></i> <span
										class="m-title">够安全</span>
									</a>
								</p>
								<p class="m-big squareL">
									<a href="#"> <i><img src="../images/profit.png" /></i> <span
										class="m-title">很灵活</span>
									</a>
								</p>
							</div>

						</div>
						<div class="box-container-bottom"></div>

						<!--订单 -->
						<div class="m-order">
							<div class="s-bar">
								<i class="s-icon"></i>我的订单 <a class="i-load-more-item-shadow"
									href="order.html">全部订单</a>
							</div>
							<ul>
								<li><a href="order.html"><i><img
											src="../images/pay.png" /></i><span>待付款</span></a></li>
								<li><a href="order.html"><i><img
											src="../images/send.png" /></i><span>待发货<em class="m-num">1</em></span></a></li>
								<li><a href="order.html"><i><img
											src="../images/receive.png" /></i><span>待收货</span></a></li>
								<li><a href="order.html"><i><img
											src="../images/comment.png" /></i><span>待评价<em
											class="m-num">3</em></span></a></li>
								<li><a href="change.html"><i><img
											src="../images/refund.png" /></i><span>退换货</span></a></li>
							</ul>
							<div class="orderContentBox">
								<div class="orderContent">
									<div class="orderContentpic">
										<div class="imgBox">
											<a href="orderinfo.html"><img src="../images/youzi.jpg"></a>
										</div>
									</div>
									<div class="detailContent">
										<a href="orderinfo.html" class="delivery">签收</a>
										<div class="orderID">
											<span class="time">2016-03-09</span> <span
												class="splitBorder">|</span> <span class="time">21:52:47</span>
										</div>
										<div class="orderID">
											<span class="num">共1件商品</span>
										</div>
									</div>
									<div class="state">待评价</div>
									<div class="price">
										<span class="sym">¥</span>23.<span class="sym">80</span>
									</div>

								</div>
								<a href="javascript:void(0);" class="btnPay">再次购买</a>
							</div>

							<div class="orderContentBox">
								<div class="orderContent">
									<div class="orderContentpic">
										<div class="imgBox">
											<a href="orderinfo.html"><img src="../images/heart.jpg"></a>
										</div>
									</div>
									<div class="detailContent">
										<a href="orderinfo.html" class="delivery">派件</a>
										<div class="orderID">
											<span class="time">2016-03-09</span> <span
												class="splitBorder">|</span> <span class="time">21:52:47</span>
										</div>
										<div class="orderID">
											<span class="num">共2件商品</span>
										</div>
									</div>
									<div class="state">已发货</div>
									<div class="price">
										<span class="sym">¥</span>246.<span class="sym">50</span>
									</div>

								</div>
								<a href="javascript:void(0);" class="btnPay">再次购买</a>
							</div>
						</div>
						<!--九宫格-->
						<div class="user-squaredIcon">
							<div class="s-bar">
								<i class="s-icon"></i>我的常用
							</div>
							<ul>
								<a href="order.html">
									<li class="am-u-sm-4"><i class="am-icon-truck am-icon-md"></i>
										<p>物流查询</p></li>
								</a>
								<a href="collection.html">
									<li class="am-u-sm-4"><i class="am-icon-heart am-icon-md"></i>
										<p>我的收藏</p></li>
								</a>
								<a href="foot.html">
									<li class="am-u-sm-4"><i class="am-icon-paw am-icon-md"></i>
										<p>我的足迹</p></li>
								</a>
								<a href="#">
									<li class="am-u-sm-4"><i class="am-icon-gift am-icon-md"></i>
										<p>为你推荐</p></li>
								</a>
								<a href="blog.html">
									<li class="am-u-sm-4"><i
										class="am-icon-share-alt am-icon-md"></i>
										<p>我的分享</p></li>
								</a>
								<a href="../home/home2.html">
									<li class="am-u-sm-4"><i
										class="am-icon-clock-o am-icon-md"></i>
										<p>限时活动</p></li>
								</a>

							</ul>
						</div>

						<div class="user-suggestion">
							<div class="s-bar">
								<i class="s-icon"></i>会员中心
							</div>
							<div class="s-bar">
								<a href="suggest.html"><i class="s-icon"></i>意见反馈</a>
							</div>
						</div>

						<!--优惠券积分-->
						<div class="twoTab">
							<div class="twoTabModel Coupon">
								<h5 class="squareTitle">
									<a href="#"><span class="splitBorder"></span>优惠券<i
										class="am-icon-angle-right"></i></a>
								</h5>
								<div class="Box">
									<div class="CouponList">
										<span class="price">¥<strong class="num">50</strong></span>
										<p class="brandName">
											<a href="#">ABC品牌499减50</a>
										</p>
										<p class="discount">
											满<span>499</span>元抵扣
										</p>
										<a href="#" class="btnReceive">立即领取</a>
									</div>
								</div>
							</div>
							<div class="twoTabModel credit">
								<h5 class="squareTitle">
									<a href="#"><span class="splitBorder"></span>积分商城<i
										class="am-icon-angle-right"></i></a>
								</h5>
								<div class="Box">
									<p class="countDown">
										<span class="hour">12</span>：<span class="minute">09</span>：<span
											class="second">02</span><em class="txtStart">即将开始</em>
									</p>
									<div class="am-slider am-slider-default am-slider-carousel"
										data-am-flexslider="{itemWidth:108, itemMargin:3, slideshow: false}">
										<ul class="am-slides">
											<li><a href="#"><img src="../images/333.jpg" /></a></li>
											<li><a href="#"><img src="../images/222.jpg" /></a></li>
											<li><a href="#"><img src="../images/111.jpg" /></a></li>
											<li><a href="#"><img src="../images/333.jpg" /></a></li>
											<li><a href="#"><img src="../images/222.jpg" /></a></li>
											<li><a href="#"><img src="../images/111.jpg" /></a></li>
										</ul>
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>
				<div class="wrap-right">

					<!-- 日历-->
					<div class="day-list">
						<div class="s-title">每日新鲜事</div>
						<div class="s-box">
							<ul>
								<li><a><p>粮油冲锋周 满128减18</p></a></li>
								<li><a><p>防晒这么重要的事怎能随意</p></a></li>
								<li><a><p>春日护肤面膜不可少，你选对了吗？</p></a></li>
								<li><a><p>纯粹时尚，摩登出游，吸睛美衣</p></a></li>
								<li><a><p>粮油冲锋周 满128减18</p></a></li>
								<li><a><p>春日护肤面膜不可少，你选对了吗？</p></a></li>
							</ul>
						</div>
					</div>
					<!--新品 -->
					<div class="new-goods">
						<div class="s-bar">
							<i class="s-icon"></i>今日新品 <a class="i-load-more-item-shadow">15款新品</a>
						</div>
						<div class="new-goods-info">
							<a class="shop-info" href="#">
								<div class="face-img-panel">
									<img src="../images/imgsearch1.jpg" alt="">
								</div> <span class="new-goods-num ">4</span> <span class="shop-title">剥壳松子</span>
							</a> <a class="follow">收藏</a>
						</div>
					</div>

					<!--热卖推荐 -->
					<div class="new-goods">
						<div class="s-bar">
							<i class="s-icon"></i>热卖推荐
						</div>
						<div class="new-goods-info">
							<a class="shop-info" href="#" target="_blank">
								<div>
									<img src="../images/666.jpg" alt="">
								</div> <span class="one-hot-goods">￥189.60</span>
							</a>
						</div>
					</div>
				</div>
				<div class="clear"></div>

				<!--收藏和足迹-->
				<div data-am-widget="tabs" class="am-tabs collection">
					<ul class="am-tabs-nav am-cf">
						<li class="am-active"><a href="[data-tab-panel-0]"><i
								class="am-icon-heart"></i>商品收藏</a></li>
						<li class=""><a href="[data-tab-panel-1]"><i
								class="am-icon-paw"></i>购物足迹</a></li>
					</ul>
					<div class="am-tabs-bd">

						<div data-tab-panel-0 class="am-tab-panel am-active">
							<div class="am-slider am-slider-default am-slider-carousel"
								data-am-flexslider="{itemWidth:155,slideshow: false}">
								<ul class="am-slides">
									<li><a><img class="am-thumbnail"
											src="../images/EZA27501.jpg" /></a> <strong class="price">¥32.9</strong>
									</li>
									<li><a><img class="am-thumbnail"
											src="../images/BxJk6.jpg" /></a> <strong class="price">¥32.9</strong>
									</li>
									<li><a><img class="am-thumbnail"
											src="../images/Hxcag60.jpg" /></a> <strong class="price">¥32.9</strong>
									</li>
									<li><a><img class="am-thumbnail"
											src="../images/youzi.jpg" /></a> <strong class="price">¥32.9</strong>
									</li>
									<li><a><img class="am-thumbnail"
											src="../images/EZA27501.jpg" /></a> <strong class="price">¥32.9</strong>
									</li>
									<li><a><img class="am-thumbnail"
											src="../images/BxJk6.jpg" /></a> <strong class="price">¥32.9</strong>
									</li>
									<li><a><img class="am-thumbnail"
											src="../images/Hxcag60.jpg" /></a> <strong class="price">¥32.9</strong>
									</li>
									<li><a><img class="am-thumbnail"
											src="../images/youzi.jpg" /></a> <strong class="price">¥32.9</strong>
									</li>

								</ul>
							</div>
						</div>
						<div data-tab-panel-1 class="am-tab-panel ">
							<div class="am-slider am-slider-default am-slider-carousel"
								data-am-flexslider="{itemWidth:155, slideshow: false}">
								<ul class="am-slides">
									<li><a><img class="am-thumbnail"
											src="../images/BxJk6.jpg" /></a> <strong class="price">¥32.9</strong>
									</li>
									<li><a><img class="am-thumbnail"
											src="../images/Hxcag60.jpg" /></a> <strong class="price">¥32.9</strong>
									</li>
									<li><a><img class="am-thumbnail"
											src="../images/youzi.jpg" /></a> <strong class="price">¥32.9</strong>
									</li>
									<li><a><img class="am-thumbnail"
											src="../images/EZA27501.jpg" /></a> <strong class="price">¥32.9</strong>
									</li>
									<li><a><img class="am-thumbnail"
											src="../images/BxJk6.jpg" /></a> <strong class="price">¥32.9</strong>
									</li>
									<li><a><img class="am-thumbnail"
											src="../images/Hxcag60.jpg" /></a> <strong class="price">¥32.9</strong>
									</li>
									<li><a><img class="am-thumbnail"
											src="../images/youzi.jpg" /></a> <strong class="price">¥32.9</strong>
									</li>
									<li><a><img class="am-thumbnail"
											src="../images/EZA27501.jpg" /></a> <strong class="price">¥32.9</strong>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>


			</div>
			<!--底部-->
			<div class="footer">
				<div class="footer-hd">
					<p>
						<a href="#">卓鼎教育</a> <b>|</b> <a href="#">商城首页</a> <b>|</b> <a
							href="#">支付宝</a> <b>|</b> <a href="#">物流</a>
					</p>
				</div>
				<div class="footer-bd">
					<p style="text-align: center;">
						<a href="#">合作伙伴</a> <a href="#">联系我们</a> <a href="#">网站地图</a> <em
							style="text-align: center;">© 2015-2025 zking 版权所有</em>
					</p>
				</div>
			</div>

		</div>

		<aside class="menu">
		<ul>
			<li class="person active"><a href="index.html"><i
					class="am-icon-user"></i>个人中心</a></li>
			<li class="person">
				<p>
					<i class="am-icon-newspaper-o"></i>个人资料
				</p>
				<ul>
					<li><a href="information.html">个人信息</a></li>
					<li><a href="safety.html">安全设置</a></li>
					<li><a href="address.html">地址管理</a></li>
					<li><a href="cardlist.html">快捷支付</a></li>
				</ul>
			</li>
			<li class="person">
				<p>
					<i class="am-icon-balance-scale"></i>我的交易
				</p>
				<ul>
					<li><a href="order.html">订单管理</a></li>
					<li><a href="change.html">退款售后</a></li>
					<li><a href="comment.html">评价商品</a></li>
				</ul>
			</li>
			<li class="person">
				<p>
					<i class="am-icon-dollar"></i>我的资产
				</p>
				<ul>
					<li><a href="points.html">我的积分</a></li>
					<li><a href="coupon.html">优惠券 </a></li>
					<li><a href="bonus.html">红包</a></li>
					<li><a href="walletlist.html">账户余额</a></li>
					<li><a href="bill.html">账单明细</a></li>
				</ul>
			</li>

			<li class="person">
				<p>
					<i class="am-icon-tags"></i>我的收藏
				</p>
				<ul>
					<li><a href="collection.html">收藏</a></li>
					<li><a href="foot.html">足迹</a></li>
				</ul>
			</li>

			<li class="person">
				<p>
					<i class="am-icon-qq"></i>在线客服
				</p>
				<ul>
					<li><a href="consultation.html">商品咨询</a></li>
					<li><a href="suggest.html">意见反馈</a></li>

					<li><a href="news.html">我的消息</a></li>
				</ul>
			</li>
		</ul>

		</aside>
	</div>
	<!--引导 -->
	<div class="navCir">
		<li><a href="../home/home2.html"><i class="am-icon-home "></i>首页</a></li>
		<li><a href="../home/sort.html"><i class="am-icon-list"></i>分类</a></li>
		<li><a href="../home/shopcart.html"><i
				class="am-icon-shopping-basket"></i>购物车</a></li>
		<li class="active"><a href="index.html"><i
				class="am-icon-user"></i>我的</a></li>
	</div>
</body>

</html>